<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no" media="(device-height: 568px)">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="HandheldFriendly" content="True">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title></title>
    <link rel="stylesheet" type="text/css" media="all" href="../css/reset.css" />
    <link rel="stylesheet" type="text/css" media="all" href="../css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" media="all" href="../css/style.css" />

    <script type="text/javascript" src="../js/common/jquery-2.1.1.min.js"></script>
    <script src="../js/common/swiper.jquery.js" type="text/javascript"></script>
    <script type="text/javascript" src="../js/common/jquery.SuperSlide.2.1.1.js"></script>
    <script src="../js/common/js.js" type="text/javascript"></script>
    <script src="../js/shop_details.js" type="text/javascript"></script>
    <style>
        .swiper-container {
			width: 100%;
			overflow: inherit;
		}

		.swiper-pagination {
			bottom: -0.5rem;
			color: white;
		}
	</style>
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <a href="fox://setBack" class="hele"></a>
        <h1 class="hetitle">店铺名</h1>
        <!-- <a href="tel:18688888888" class="helr"><img class="shareIcon" src="../img/share.png" alt=""></a> -->
        <a href="javascript:;" class="helr share"><img class="shareIcon" src="../img/share.png" alt=""></a>
    </div>

    <div id="page" class="page m2">
        <!--首页头部-->
        <div class="inheder shdebanner">
            <div class="banner">
                <div class="swiper-container adBanner">
                    <div class="swiper-wrapper">
                        <!-- <div class="swiper-slide"><img src="../img/banner.png" alt="" class="baimg" /></div>
                        <div class="swiper-slide"><img src="../img/banner.png" alt="" class="baimg" /></div>
                        <div class="swiper-slide"><img src="../img/banner.png" alt="" class="baimg" /></div> -->
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>

        <!--店铺名称-->
        <div class="shopname">
            <div class="ringtop">
                <img src="../img/orimg.png" alt="" class="ringtpic" id="company_logo">
                <div class="ringtco">
                    <p class="ringtct1" id="company_name">中国石材中心</p>
                    <img src="../img/userLevel0.png" class="userLevel" id="company_level" />
                </div>
            </div>
            <div class="shopnat">
                <p class="shopnati">
                    <span class="shopnatis" id="read_count">浏览量1891</span>
                </p>
                <p class="shopnati" id="shopnati">
                    <span class="shopnapic"></span>
                    <span class="shopnatis select_company">收藏企业</span>
                </p>
                <p class="shopnati contactService">
                    <img src="../img/shopnapic2.png" alt="" class="shopnapic2" />
                    <a href="javascript:;" class="shopnatis contactBtn">联系客服</a>
                </p>
            </div>
        </div>

        <div class="shop_deta">
            <div class="shdetd">

                <p class="shdetdt1">简介</p>
                <p class="shdetdt2" id="shdetdt2"></p>
                <a href="javascript:;" class="shdetdt3"><span class="shdetdt3link">更多</span><span class="shdetde3pic"></span></a>
            </div>
            <div class="shdetd">
                <p class="shdetdt1">主营</p>
                <p class="shdetdt4" id="main_business"></p>
            </div>
            <div class="shdetd">
                <p class="shdetdt1">电话</p>
                <div class="shdetdt2" id="company_phones">
                </div>
            </div>
            <div class="shdetd">
                <p class="shdetdt1">地址</p>
                <div class="shdetdt2" id="address">
                </div>
            </div>
        </div>

        <p class="notMore">别拉了 - 疼</p>

    </div>

    <!-- 遮罩层 -->
    <div class="mask" style="background:black;"></div>
    <div class="dialog" id="plusBanner" onclick="dialogClose()">
        <div class="dialog_wrap dialog_content" style="background:transparent;">
            <div class="swiper-container plusBannerSwiper">
                <div class="swiper-wrapper"></div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
    </div>

</body>
<script type="text/javascript">
    $(function() {

        //收藏
        $("#shopnati").click(function() {
            $(this).toggleClass("on")
        })

        //更多
        var shdeNun = 1;
        $(".shdetdt3").click(function() {
            if (shdeNun == 1) {
                $(this).addClass("on");
                $("#shdetdt2").addClass("on");
                var el = $("#shdetdt2"),
                    curHeight = el.height(),
                    autoHeight = el.css('height', 'initial').height();
                el.height(curHeight).animate({ height: autoHeight }, 300);
                $(".shdetdt3link").html("收起");
                shdeNun = 2
                return false
            } else if (shdeNun == 2) {
                $(this).removeClass("on");
                $("#shdetdt2").removeClass("on");
                var el = $("#shdetdt2"),
                    curHeight = el.height(),
                    autoHeight = el.css('height', '.8rem').height();
                el.height(curHeight).animate({ height: autoHeight }, 300);
                $(".shdetdt3link").html("更多");
                shdeNun = 1
                return false
            }
        })
    })
</script>

</html>